<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=
    , initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="./static/layui/layui.css" media="all">
    <link rel="stylesheet" href="./static/css/manage.css">
    <title>管理系统</title>
</head>

<body>
    <!-- header s -->
    <div class="header ">
        <ul class="header_wrapper clearfix">
            <li class="logo">
                EASY-RD
            </li>

            <li class="header_nav">
                客户联系电话：400-XXX-XXX
            </li>
            <li class="header_nav" style="opacity: 0;">
                <a href="javascript:void(0)"> 塑料零件加工</a>
            </li>

            <li class="header_border">
                <select name="" id="">
                    <option value="">简体中文</option>
                </select>
            </li>
            <li class="header_icon">
                <div class="header_red_dot">1</div>
                <img src="./static/img/index/nav_shopping_normal@3x.png" alt="">
            </li>
            <li class="zhuce login_base">
                ID：-34000001
            </li>
        </ul>
    </div>
    <!--header e  -->
    <!-- flow s-->
    <div class="flow change_flow">
        <ul class="flow_wrapper">
            <li class="logo">
                <a href="javascript:void(0);"> EASY-RD</a>
            </li>
            <li>
                <a href="javascript:void(0);"> 塑料零件加工</a>
            </li>
            <li>
                <a href="javascript:void(0);">金属零件加工</a>
            </li>
            <li>
                <a href="javascript:void(0);">摸具加工</a>
            </li>
            <li>
                <a href="javascript:void(0);">零件购买</a>
            </li>
            <li>
                <a href="javascript:void(0);">咨询</a>
            </li>
            <li>
                <a href="javascript:void(0);">在线报价</a>
            </li>
            <li class="flow">
                <a href="javascript:void(0);">
                    <div class="inner_flow">
                        <div class="header_red_dot">1</div>
                        <img src="./static/img/index/nav_shopping_normal@3x.png" alt="">
                    </div>
                </a>
            </li>
        </ul>
    </div>
    <!-- flow e -->

    <!-- main s -->
    <div class="manage_main o_f_h">
        <ul class="main_slider">
            <li><a href="#">客户中心</a></li>
            <li><a href="#">个人资料</a></li>
            <li><a href="#">我的订单</a></li>
            <li class="change_c"><a href="#">发票管理</a></li>
        </ul>

        <div class="real_main">

            <p style="margin-top:30px;margin-bottom: 69px;">
                <span class="real_main_header" style="margin-right: 10px;">
                    发票管理
                </span>
                <span class="real_main_header_min">
                    查看、编辑和管理您的发票
                </span>
            </p>

            <div class="table_header o_f_h">
                <p class="f_l"> 发票管理</p>

                <div class="wrap_input f_r">
                    <img src="./static/img//index/search.png" alt="">
                    <input type="text" placeholder="关键字">
                </div>
            </div>


            <div class="wrapper_table">
                <table class="layui-table" lay-skin="line">
                    <colgroup>
                        <col width="100">
                        <col width="100">
                        <col width="100">
                        <col width="90">
                        <col width="100">
                        <col width="100">
                    </colgroup>
                    <thead>
                        <tr>
                            <th>操作</th>
                            <th>订单号</th>
                            <th>发票类型</th>
                            <th>备注信息</th>
                            <th>创建时间</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>
                               <a href="#" style="color:#008EFF;margin-right: 20px;">
                                   下载
                               </a>
                               <a href="#" style="color:#008EFF;">
                                   打印
                               </a>
                            </td>
                            <td>55555555555555555</td>
                            <td>真值税发票</td>
                            <td>
                               x'x'x'x'x
                               x'x'x'x
                            </td>
                            <td>
                               2018-01-01 16：00
                            </td>
                        </tr>

                    </tbody>
                </table>
            </div>

        </div>
    </div>
    <!-- main e -->
</body>
<script src="./static/layui/layui.js" charset="utf-8"></script>
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script>
     layui.use(["jquery", 'form'], function () {
        var $ = layui.$
        var close_mask = $("#close_mask");
        var add_new_address = $(".add_new_address").eq(0);
        var mask = $(".mask").eq(0)
        add_new_address.click(function(){
            mask.css("display","block")
        })
        close_mask.click(function () {
            mask.css("display","none")

        })
    });
</script>
</html>